<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
    <title>亚纺</title>
    <link rel="stylesheet" href="../commonCss/reset.css" />
    <link rel="stylesheet" href="../commonCss/element.css" />
    <link rel="stylesheet" href="../commonCss/vant.css" />
    <link rel="stylesheet" href="../css/printPage.css" />
</head>

<body>
    <div id="index" v-cloak>
        <div class="btnSty">
            <el-button type="info" plain @click="prints">打印此单</el-button>
        </div>
        <div ref="printPage" class="inp-content">
            <div class="inp" v-for="(item,index) of headerList" :key="index+'headerList'">
                <h2>完缸成本表</h2>
                <div class="topBar">
                    <div class="isflexBet">
                        <p>生产计划书号：<span>{{item.scjhdh}}</span></p>
                        <p>计划日期：<span>{{item.createtime}}</span></p>
                    </div>
                    <div class="isflexBet">
                        <p>品名：<span>{{item.cpbh}}</span></p>
                        <p>生产数量：<span>{{item.scsl}}</span></p>
                        <p v-show="item.pg">浆纱缸号：<span>{{item.pg}}</span></p>
                    </div>
                </div>

                <!-- 原料加工 -->
                <div class="one" v-show="materialList.length">
                    <div class="content">
                        <div class="left">
                            <p>原料加工</p>
                        </div>

                        <div class="right">
                            <el-table :data="tableData" :border="true" :header-cell-style="thStyle"
                                :cell-style="cellstyle" style="width: 98%; margin: 5px 0px 5px 0;">
                                <!-- <el-table-column width="60" type="index" :index="indexMethod"  header-align="center"></el-table-column> -->
                                <el-table-column prop="sxgymc" label="原料类别" width="160"></el-table-column>
                                <el-table-column prop="jiagonggongyi" label="加工工艺" width="90" header-align="center">
                                </el-table-column>
                                <el-table-column prop="realnum" label="加工数量(KG)" width="80" header-align="center">
                                </el-table-column>
                                <el-table-column prop="realsunhao" label="实际损耗(%)" width="90" header-align="center">
                                </el-table-column>
                                <el-table-column prop="lilunsunhao" label="理论损耗(%)" width="90" header-align="center">
                                </el-table-column>
                                <el-table-column prop="jiagongcost" label="加工单价(元/kg)" width="90" header-align="center">
                                </el-table-column>
                                <el-table-column prop="jghdj" label="加工后单价(元/kg)" width="95" header-align="center">
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>

                    <div class="bzStyle">                        
                        <span>备注：{{item.sxremark}}</span>
                    </div>

                </div>

                <!-- 织轴加工 -->
                <div class="two" v-show="shaftList.length">
                    <div class="headline">
                        <div class="isflexBet">
                            <p>浆染厂：<span> {{item.jrkh}}</span></p>
                            <p style="flex: 0 0 19%;">浆纱含税单价(元/M)：<span>{{item.jrprice}}</span></p>
                            <p>浆纱长度(m)：<span>{{item.jrscsl}}</span></p>
                            <p>轴单位价格：<span>{{item.zhouprice}}</span></p>
                            <p style="flex: 0 0 13%;">其他费用：<span>{{item.jrothercost}}</span></p>
                            <p style="flex: 0 0 13%;">记录人：<span>{{item.jrr}}</span></p>
                        </div>
                    </div>

                    <div class="content" v-show="shaftList">
                        <div class="left">
                            <p>织轴加工</p>
                        </div>
                        <div class="right">
                            <el-table :data="shaftList" :border="true" :header-cell-style="thStyle"
                                :cell-style="cellstyle" style="width: 98%; margin: 5px 0px 5px 0;">
                                <!-- <el-table-column label="" width="50" type="index" :index="indexMethod"></el-table-column> -->
                                <el-table-column prop="name" label="原料类别" width="185" header-align="center">
                                </el-table-column>
                                <el-table-column prop="realweight" label="实际用纱量(KG)" width="100" header-align="center">
                                </el-table-column>
                                <el-table-column prop="usenum" label="工艺理论用纱量(g/M)" width="120" header-align="center">
                                </el-table-column>
                                <el-table-column prop="weight" label="单位用纱量(g/M)" width="100" header-align="center">
                                </el-table-column>
                                <el-table-column prop="ylprice" label="原料单价(元/KG)" width="90" header-align="center">
                                </el-table-column>
                                <el-table-column prop="ylsum" label="轴原料价值(元)" width="95" header-align="center">
                                </el-table-column>
                            </el-table>
                        </div>
                    </div>

                    <div class="bzStyle">                        
                        <span>备注：{{item.jrremark}}</span>
                    </div>

                </div>

                <!-- 织布加工   -->
                <div class="three_container">
                    <div class="three" v-show="weavList.length" v-for="(list,index) of weavList"
                        :key="index+'weavList'">
                        <div class="headline">
                            <div class="isflexBet" style="margin-top: 3px;">
                                <p>织造厂：<span> {{list.zb.zbkh}}</span></p>
                                <p>织造含税单价(元/梭)：<span> {{list.zb.zbprice}}</span></p>
                                <p>上机纬密(梭)：<span> {{list.zb.shangjiweimi}}</span></p>
                                <p>单位加工费(元/m）：<span> {{list.zb.zbdanweijiagongfei}}</span></p>
                                <p>生产数量(m)：<span> {{list.zb.zbscsl}}</span></p>
                                <p>织造加工费(元)：<span> {{list.zb.zhizaojiagongfei}}</span></p>
                                <p>其他费用：<span> {{list.zb.zbothercost}}</span></p>
                            </div>
                        </div>

                        <div class="content">
                            <div class="left">
                                <p>织布加工</p>
                            </div>
                            <div class="right">
                                <el-table :data="list.tb1" :border="true" :cell-style="cellstyle"
                                    :header-cell-style="thStyle" style="width: 98%; margin: 5px 0px 5px 0;">
                                    <!-- <el-table-column label="" width="50" type="index" :index="indexMethod"></el-table-column> -->
                                    -->
                                    <el-table-column prop="zhouhao1" label="轴号" width="95" header-align="center">
                                    </el-table-column>
                                    <el-table-column prop="zhouchang1" label="轴长(m)" width="80" header-align="center">
                                    </el-table-column>
                                    <el-table-column prop="peichang1" label="坯长(m)" width="80" header-align="center">
                                    </el-table-column>
                                    <el-table-column prop="zhisuo1" label="织缩率(%)" width="80" header-align="center">
                                    </el-table-column>
                                    <el-table-column prop="zhouhao2" label="轴号" width="90" header-align="center">
                                    </el-table-column>
                                    <el-table-column prop="zhouchang2" label="轴长(m)" width="85" header-align="center">
                                    </el-table-column>
                                    <el-table-column prop="peichang2" label="坯长(m)" width="90" header-align="center">
                                    </el-table-column>
                                    <el-table-column prop="zhisuo2" label="织缩率(%)" width="90" header-align="center">
                                    </el-table-column>
                                </el-table>

                                <el-table :data="list.tb2" :border="true" :default-expand-all="true"
                                    :header-cell-style="thStyle" :cell-style="cellstyle" style="width: 98%;">
                                    <!-- <el-table-column label="" width="42">
                                    </el-table-column> -->
                                    <el-table-column prop="name" label="纬纱原料类别" width="255"></el-table-column>
                                    <el-table-column prop="num" label="实际用砂量(kg)" width="80"></el-table-column>
                                    <el-table-column prop="realweight" label="单位用纱量(g/m)" width="90"></el-table-column>
                                    <el-table-column prop="weight" label="工艺理论用纱量(g/m)" width="85"></el-table-column>
                                    <el-table-column prop="danjia" label="原料单价(元/kg)" width="90"></el-table-column>
                                    <el-table-column prop="weiyuanliaojiazhi" label="纬原料价值(元)" width="90">
                                    </el-table-column>
                                </el-table>
                            </div>
                        </div>

                        <div class="bzStyle">
                            <span>备注：{{item.zbremark}}</span>
                        </div>

                        <div class="headline2 isflexBet">
                            <p>用轴总长(m)：<span> {{list.zb.yongzhouzongchang}}</span></p>
                            <p>出坯总长(m)：<span>{{list.zb.chupeizongchang}}</span></p>
                            <p>轴总价值(元)：<span>{{list.zb.zhouzongjiazhi}}</span></p>
                            <p>总织缩%：<span>{{list.zb.zongzhisuo}}</span></p>
                            <p>理论织缩%：<span>{{item.lilunzhisuo}}</span></p>
                            <p>记录人：<span>{{list.zb.zbr}}</span></p>
                        </div>

                    </div>

                    <div class="four-bottom">
                        <p>胚布总耗用: <span>{{fabricTotalNum}}</span></p>
                        <p>胚布单位成本: <span>{{fabricTotalPrice}}</span></p>
                    </div>
                </div>


                <!-- 后整加工 -->
                <div class="four" v-show="hzMachinList.length">
                    <div class="headline">
                        <div class="isflexBet">
                            <p>后整单位：<span>{{item.houzhengdanwei}}</span></p>
                            <p>后整加工工艺：<span>{{item.houzhenggongyi}}</span></p>
                        </div>
                    </div>

                    <div class="content">
                        <div class="left">
                            <p>后整加工</p>
                        </div>
                        <div class="right">
                            <el-table :data="hzMachinList" :border="true" :header-cell-style="thStyle"
                                :cell-style="cellstyle" style="width: 98%; margin: 5px 0px 5px 0;">
                                <el-table-column prop="time" label="出坯日期" width="105"></el-table-column>
                                <el-table-column prop="pbmi" label="送坯数量(m)" width="100"></el-table-column>
                                <el-table-column prop="cpmi" label="回货成品数量(m)" width="110"> </el-table-column>
                                <el-table-column prop="realransuo" label="实际损耗(%)" width="100"></el-table-column>
                                <el-table-column prop="lilunransuo" label="理论损耗(%)" width="100"></el-table-column>
                                <el-table-column prop="peibujiazhi" label="坯布价值(元)" width="90"></el-table-column>
                                <el-table-column prop="jiagongfeiyong" label="加工费用(元)" width="90"></el-table-column>
                            </el-table>
                        </div>
                    </div>

                    <div class="bzStyle">                        
                        <span>备注：{{item.hzremark}}</span>
                    </div>

                </div>

                <div class="finished">
                    <div class="isflexBet">
                        <p>成品总耗用(元)：<span>{{item.cpzhy}}</span></p>
                        <p>成品总数量(m)：<span>{{item.cpmi}}</span></p>
                        <p>成品单位成本(元/M)：<span>{{item.cpdanjia}}</span></p>
                        <p>成品理论成本(元/M)：<span>{{item.danjia}}</span></p>
                    </div>
                    <div class="isflexBet">
                        <p></p>
                        <p>成品总数量(YD)：<span>{{item.cpma}}</span></p>
                        <p>成品单位成本(元/YD)：<span>{{item.cpdanjiaY}}</span></p>
                        <p>记录人：<span>{{item.hzr}}</span></p>
                    </div>
                </div>

                <div class="bottomBar">
                    <p>完缸日期: <span></span></p>
                    <p>部门审核人：<span></span></p>
                    <p>审核日期：<span></span></p>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../commonJs/vue.min.js"></script>
<script src='http://dongtai.fsslpc.com/w/web/common/jquery.js'></script>
<script src="http://dongtai.fsslpc.com/w/Script/jQuery.print.min.js"></script>
<script src="../commonJs/common.js"></script>
<script src="../commonJs/vant.min.js"></script>
<script src="../commonJs/element.js"></script>
<script src="../js/printPage.js"></script>


</html>